.rc-collapse {
    /* background-color: #f7f7f7; */
    border-radius: 3px;
    /* border: 1px solid #d9d9d9; */
}

.rc-collapse-anim-active {
    transition: height 0.2s ease-out;
}

.rc-collapse > .rc-collapse-item {
    border-top: 1px solid #d9d9d9;
}

.rc-collapse > .rc-collapse-item:first-child {
    border-top: none;
}

.rc-collapse-header:focus {
    outline: transparent;
}

.rc-collapse > .rc-collapse-item > .rc-collapse-header {
    display: flex;
    align-items: center;
    line-height: 22px;
    /* padding: 10px 16px; */
    /* color: #666; */
    cursor: pointer;
}

.rc-collapse > .rc-collapse-item > .rc-collapse-header .arrow {
    display: inline-block;
    content: "\f0da";
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid #666;
    vertical-align: middle;
    margin-right: 8px;
}

.rc-collapse > .rc-collapse-item > .rc-collapse-header .rc-collapse-extra {
    margin: 0 16px 0 auto;
}

.rc-collapse > .rc-collapse-item-disabled > .rc-collapse-header {
    cursor: not-allowed;
    color: #999;
    background-color: #f3f3f3;
}

.rc-collapse-content {
    overflow: hidden;
    color: #666;
    /* padding: 0 16px; */
    /* background-color: #fff; */
}

.rc-collapse-content > .rc-collapse-content-box {
    margin-top: 16px;
    /* margin-bottom: 16px; */
}

.rc-collapse-content-inactive {
    display: none;
}

.rc-collapse-item:last-child > .rc-collapse-content {
    border-radius: 0 0 3px 3px;
}

.rc-collapse > .rc-collapse-item-active > .rc-collapse-header .arrow {
    position: relative;
    top: 2px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #666;
    margin-right: 6px;
}

.toggle-more-nodes {
    font-size: 12px;
    padding: 10px;
    margin: 0 -10px;
    cursor: pointer;
    background-color: var(--box-background-hover-color);
}
